<script setup>

</script>

<template>
  <el-container class="layout-container">
    <el-aside width="200px">
      <div class="el-aside__logo"></div>
      <el-menu active-text-color="#88733C" background-color="#e3ddd0" :default-active="$route.path" text-color="#A0A0A0"
        router>
        <el-sub-menu index="/file">
          <!--多级菜单的标题 - 具名插槽title-->
          <template #title>
            <span>文件传送</span>
          </template>
          <!--展开的内容 - 默认插槽-->
          <el-menu-item index="/file/dailySalesReport">
            <span>传日销售报表(店)</span>
          </el-menu-item>
          <el-menu-item index="/file/InvoiceInquireReport">
            <span>IIR(店)</span>
          </el-menu-item>
          <el-menu-item index="/file/salesSlip">
            <span>签购单(店)</span>
          </el-menu-item>
          <el-menu-item index="/file/monthlyPhotoReport">
            <span>月道具照片报告(店)</span>
          </el-menu-item>
          <el-menu-item index="/file/taxInfor">
            <span>值税发票资料(店)</span>
          </el-menu-item>
          <el-menu-item index="/file/goodsInspection">
            <span>库存货品自检资料(店)</span>
          </el-menu-item>
          <el-menu-item index="/file/checkStoreReport">
            <span>查店铺上传报表(办)</span>
          </el-menu-item>
        </el-sub-menu>

        <el-sub-menu index="/query">
          <!--多级菜单的标题 - 具名插槽title-->
          <template #title>
            <span>查询</span>
          </template>
          <!--展开的内容 - 默认插槽-->
          <el-menu-item index="/query/memberInquiry">
            <span>会员在线查询(店)</span>
          </el-menu-item>
          <el-menu-item index="/query/InventoryQuery-store">
            <span>存货在线查询(店)</span>
          </el-menu-item>
          <el-menu-item index="/query/InventoryQuery-office">
            <span>存货在线查询(办)</span>
          </el-menu-item>
          <el-menu-item index="/query/checkHongKongMember">
            <span>查香港会员资料(办)</span>
          </el-menu-item>
          <el-menu-item index="/query/checkDomesticMember">
            <span>查国内会员资料(办)</span>
          </el-menu-item>
        </el-sub-menu>

        <el-sub-menu index="/goal">
          <!--多级菜单的标题 - 具名插槽title-->
          <template #title>
            <span>目标</span>
          </template>
          <!--展开的内容 - 默认插槽-->
          <el-menu-item index="/goal/personalGoals">
            <span>个人目标(店)</span>
          </el-menu-item>
          <el-menu-item index="/goal/storeGoals">
            <span>店铺目标(办)</span>
          </el-menu-item>
          <el-menu-item index="/goal/storeTargetMain">
            <span>店铺目标维护(办)</span>
          </el-menu-item>
          <el-menu-item index="/goal/storeTargetExport">
            <span>店铺目标导出(办)</span>
          </el-menu-item>
        </el-sub-menu>

        <el-menu-item index="/WeChatGuests">
          <span>微信客人(店)</span>
        </el-menu-item>

        <el-menu-item index="/linkHelp">
          <span>常用链接帮助</span>
        </el-menu-item>

        <el-menu-item index="/reportExport">
          <span>报表导出(办)</span>
        </el-menu-item>

        <el-menu-item index="/employeeDisc">
          <span>员工优惠</span>
        </el-menu-item>
      </el-menu>
    </el-aside>
    <el-container>
      <el-header>

      </el-header>
      <el-main>
        <router-view></router-view>
      </el-main>
      <el-footer>©2019-2023 PUYI GROUP LIMITED</el-footer>
    </el-container>
  </el-container>
</template>

<style scoped lang="less">
.layout-container {
  height: 100vh;

  .el-aside {
    background: #e3ddd0;

    &__logo {
      height: 150px;
      background: url('@/assets/logo.png') no-repeat center / 120px auto;
    }

    .el-menu {
      border-right: none;

      span {
        font-size: 14px;
      }
    }
  }

  .el-header {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;

    .el-dropdown__box {
      display: flex;
      align-items: center;

      &:active,
      &:focus {
        outline: none;
      }
    }
  }

  .el-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #666;
  }
}

::-webkit-scrollbar {
  display: none;
}
</style>